<div style="width: 200px;background-color: #1F2339;color: #FFF;height: 50vh">
    <div class="padding flex justify-between">
        <button class="btn  btn-xs"
            :class="{'btn-primary':sceneModalInfo._currentTab == 'modalData','btn-secondary':sceneModalInfo._currentTab != 'modalData'}"
            type="button" v-on:click="_changeCurrentTab('modalData')">
            {{sceneModalInfo.modal.name || '相关模型'}}
        </button>
        <button class="btn  btn-xs"
            :class="{'btn-primary':sceneModalInfo._currentTab == 'modals','btn-secondary':sceneModalInfo._currentTab != 'modals'}"
            type="button" v-on:click="_changeCurrentTab('modals')">
            <vc:i18n name="场景模型"></vc:i18n>
        </button>
    </div>
    <div style="overflow-y: auto; height: 45vh; " class="padding-lr" v-if="sceneModalInfo._currentTab == 'modalData'">
        <ul >
            <li class=" margin-bottom-sm flex justify-between" v-for="(item,index) in sceneModalInfo.modalData">
                <div>{{item.name}}</div>
                <div><a href="javascript:void(0)" @click="_addModalInSence(item)">添加</a></div>
            </li>
        </ul>
    </div> 
    <div style="overflow-y: auto; height: 45vh; overflow-x:auto;width: 100%;color: #000;" class="bg-white" v-show="sceneModalInfo._currentTab == 'modals'">
        <ul>
            <div id="sceneTree"  ></div>
           
        </ul>
    </div>
</div>